@import "mixins/mixins";
@import "common/var";
@import "_main";

@include b(mob) {

  @include e(container) {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 30px;
  }
  @include e(placeholder) {
    font-size: 15px;
    color: #b2b2b2;
  }

  @include e(phone) {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 20px;

    & input {
      // height: 40px;
      // max-width: 490rpx;
      border-bottom: 1rpx solid #d5d5d5;
      border-radius: 3px;
      padding-left: 10px;
    }

    & button {
      // margin-left: 5px;
      // padding: 0;
      // height: 31px;
      // width: 75px;
      font-size: 13px;
      color: #a3a3a3;
      background-color: #fff;
      border: none;
    }

    & .input {
      margin-left: 10px;
      font-size: 13px;

      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
    }
  }

  @include e(submit) {
    margin: 23px 0;
    & button {
      font-size: 14px;
      line-height: 44px;
      width: 100%;
      height: 44px;
      background-color: #fd774d;
      color: #fff;
    }
  }

  @include e(code) {
    // display: flex;
    // flex-direction: row;
    // align-items: center;
    margin-top: 20px;

    & input {
      // height: 40px;
      // max-width: 490rpx;
      border-bottom: 1rpx solid #d5d5d5;
      border-radius: 3px;
      padding-left: 10px;
    }

    & button {
      // margin-left: 5px;
      // padding: 0;
      // height: 31px;
      // width: 75px;
      font-size: 13px;
      color: #a3a3a3;
      background-color: #fff;
      border: none;
    }

    & .input {
      margin-left: 10px;
      font-size: 13px;

      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
    }
  }

}
